<template>
  <div class="footer">
    <div class="footer-t">
      <div class="width1200 clearfix">
        <div class="lf footer-t-item">
          <div class="footer-tit">联系我们</div>
          <p class="mb-10">地址：重庆市渝中区人民路232号</p>
          <p class="mb-10">12345政务服务便民热线</p>
        </div>
        <div class="lf footer-t-item">
          <div class="footer-tit">相关站点</div>
          <p>
            <a
              href="http://gjzwfw.www.gov.cn/index.html"
              target="_blank"
              class="mb-10"
              title="国家政务服务平台"
              >国家政务服务平台</a
            >
          </p>
          <p>
            <a
              href="https://www.cq.gov.cn"
              target="_blank"
              class="mb-10"
              title="重庆市人民政府网站"
              >重庆市人民政府网站</a
            >
          </p>
          <p>
            <a
              href="http://www.tzxm.gov.cn"
              target="_blank"
              class="mb-10"
              title="全国投资项目在线审批监管平台"
              >全国投资项目在线审批监管平台</a
            >
          </p>
        </div>
        <div class="rt clearfix footer-t-item">
          <div class="footer-qr">
            <img src="@/assets/qrcode.png" alt="" />
            <p class="text-center">扫码进入"渝快办"APP</p>
          </div>
        </div>
      </div>
    </div>
    <div class="footer-bt">
      <div class="width1200 text-center">
        <p class="mb-30">
          <a href="//zwykb.cq.gov.cn/v2/gg/wzdt/" target="_blank">网站地图</a>
          <span class="footer-line">丨</span>
          <a href="//zwykb.cq.gov.cn/v2/gg/gywm/" target="_blank">关于我们</a>
          <span class="footer-line">丨</span>
          <a href="//zwykb.cq.gov.cn/v2/gg/xszn/" target="_blank">新手指南</a>
        </p>
        <div class="unit text-center">
          <div class="unit-l">
            <p class="mb-12">
              主办单位：重庆市人民政府办公厅&nbsp;&nbsp;&nbsp;&nbsp;承办单位：重庆市大数据应用发展管理局&nbsp;&nbsp;&nbsp;&nbsp;备案：<a
                href="https://beian.miit.gov.cn"
                target="_blank"
                >渝ICP备05003300号</a
              >
            </p>
            <p>
              渝公网安备
              <a
                href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=50010302000814"
                target="_blank"
                >50010302000814号</a
              >&nbsp;&nbsp;&nbsp;&nbsp;网站标识码：5000000095
            </p>
          </div>
          <div class="unit-img-warp">
            <a
              target="_blank"
              ignoreapd="true"
              href="http://121.43.68.40/exposure/jiucuo.html?site_code=5000000095&amp;url=http%3A%2F%2Fwww.cq.gov.cn%2F"
              class="ariaskiptheme"
              ><img
                src="@/assets/error.png"
                alt=""
                tabindex="0"
                role="imagelink"
                aria-label="政府网站找错图标"
                aria-atomic="true"
                setedaria="true"
            /></a>
            <a
              target="_blank"
              ignoreapd="true"
              href="http://bszs.conac.cn/sitename?method=show&amp;id=072BDAB93D703248E053022819AC5512"
              class="ariaskiptheme"
              ><img
                src="@/assets/red.png"
                alt=""
                tabindex="0"
                role="imagelink"
                aria-label="党政机关图标"
                aria-atomic="true"
                setedaria="true"
            /></a>
            <a
              target="_blank"
              ignoreapd="true"
              style="margin-left: 10px"
              href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=50010302000814"
              class="ariaskiptheme"
              ><img
                src="@/assets/gaga.png"
                alt=""
                tabindex="0"
                role="imagelink"
                aria-label="全国互联网安全管理服务平台图标"
                aria-atomic="true"
                setedaria="true"
            /></a>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {};
</script>
<style lang="less" scoped>
.lf {
  float: left;
}
.rt {
  float: right;
}
.text-center {
  text-align: center;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.footer {
  font-size: 16px;
  background-color: #f4f5f7;

  /* padding: 45px 0; */
  .footer-t {
    a {
      color: #6d6d6d;
    }
    background-color: #f1f2f3;
    padding: 40px 0;
    color: #6d6d6d;
    .footer-t-item:nth-of-type(1) {
      width: 41.5%;
    }
    .footer-t-item:not(:last-of-type) {
      border-right: 1px solid #dedfdf;
    }
    .footer-t-item {
      height: 128px;
      .footer-tit {
        color: #222222;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 12px;
        .footer p.mb-10,
        .footer a.mb-10 {
          margin-bottom: 10px;
        }
      }
    }
    .footer-t-item:nth-of-type(2) {
      padding-left: 85px;
      width: 34%;
      .footer-tit {
        color: #222222;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 12px;
      }
      .footer p,
      .footer a {
        color: #6d6d6d;
      }
    }
    .width1200 {
      width: 1200px;
      margin: 0 auto;
      height: 128px;
      .footer-t .footer-t-item:nth-of-type(3) {
        padding-left: 11px;
        width: 14%;

        .footer p,
        .footer a {
          color: #6d6d6d;
          text-align: center;
        }
      }
      .footer-qr img {
        width: 100px;
        height: 100px;
        display: block;
        margin: 0 auto 10px;
      }
    }
  }
  .footer-bt {
    background-color: #eaebeb;
    padding: 40px 0;
    a {
      color: #333333;
    }
    .width1200 {
      width: 1200px;
      margin: 0 auto;
      .footer p.mb-30 {
        margin-bottom: 30px;
      }
      .footer-bt p {
        color: #333333;
      }
      .footer-bt a {
        color: #333333;
      }
      .unit {
        position: relative;
        color: #333333;
        .unit-l {
          width: 90%;
          .unit p:first-child {
            margin-bottom: 12px;
            display: inline-block;
          }
        }
        .unit-img-warp {
          position: absolute;
          top: 33%;
          right: 0;
          transform: translateY(-50%);
        }
      }
    }
  }
}
</style>
